<template>
    <div class="w-100 h-100">
    <containTemplete
     :secondTitles="['地铁基础信息统计','地铁线路与客运量对比统计','地铁线路预警列表']"
     >
    
        <template #left>
            <div class="w-100 h-100"  @click="useFunc().controlSubwayVisible" >
                <dtjcxx  ></dtjcxx>
            </div>
        </template>
        <template #middle_control>
        <div class="w-100 h-100 d-flex" style="height: 40px;"> 

          <el-date-picker
          style="width: 190px;height: 40px;"
      v-model="value2"
      type="datetimerange"
      range-separator="至"
      :shortcuts="shortcuts"
      start-placeholder="开始时间"
      end-placeholder="结束时间"
    />
        </div>
      </template>
        <template #middle>
            <div class="w-100 h-100">
                <dtxlykyl  ></dtxlykyl>
            </div>
        </template>
        <template #right>
            <div class="w-100 h-100" >
                <dtxlyj  ></dtxlyj>
            </div>
        </template>
    </containTemplete>
    </div>
</template>

<script setup lang='ts'>
import containTemplete from '@/components/project/containTemplete.vue';
import dtjcxx from './dtjcxx.vue';
import dtxlykyl from './dtxlykyl.vue';
import dtxlyj from './dtxlyj.vue';
import { useFunc } from '@/hook/useFunc';
const tccData=([
{
        name:'变压器',
        value:12
    },
    {
        name:'控制柜',
        value:12
    },
    {
        name:'阀门',
        value:22
    },
    {
        name:'排气阀',
        value:32
    },
    {
        name:'排污阀',
        value:77
    },
    {
        name:'消防栓',
        value:16
    },
])

</script>

<style scoped lang="less" >

</style>